<!DOCTYPE html>
<html>
<head>
  	<title>进销存管理系统</title>
  	<#import "/common/common.macro.ftl" as netCommon>
	<@netCommon.commonStyle />
	<!-- DataTables -->
  	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/plugins/datatables/dataTables.bootstrap.css">

	<#-- select2
    <link rel="stylesheet" href="${request.contextPath}/static/adminlte/plugins/select2/select2.min.css">
    <script src="${request.contextPath}/static/adminlte/plugins/select2/select2.min.js"></script>
    //$(".select2").select2();
    -->
	<style>
		.row {
		  margin-top: 4px;
		  margin-bottom: 4px;
		}
		.summerButton{
			margin-top: 4px;
		}
	</style>
</head>
<body class="hold-transition skin-blue sidebar-mini <#if cookieMap?exists && "off" == cookieMap["adminlte_settings"].value >sidebar-collapse</#if>">
<div class="wrapper">
	<!-- header -->
	<@netCommon.commonHeader />
	<!-- left -->
	<@netCommon.commonLeft "inorderin" />
	
	<!-- Content Wrapper. Contains page content -->
	<div class="content-wrapper">
		<!-- Content Header (Page header) -->
		<section class="content-header">
			<h1>新增线缆</h1>
		</section>
		
		<!-- Main content -->
	    <section class="content">
	    <form class="form-horizontal" id="ducomentForm" >
	   	 <#--基础信息-->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">基础信息</h3>
                        <div class="box-tools pull-right">
                            <button class="btn btn-default btn-xs" type="button" onclick="javascript:window.location.href='${request.contextPath}/cableinfo'" >返回线缆列表</button>
                            <button class="btn btn-info btn-xs" type="submit" >保存线缆</button>
                        </div>
                    </div>

                    <div id="cable_model" class="box-body">
                        <div class="form-group">
                        	<div class="row">
	                            <label class="col-sm-1 control-label">线缆型号</label>
	                            <div class="col-sm-4">
	                            	 <input type="text" class="form-control" name="cablemodel" placeholder="请输入线缆型号" maxlength="100" id="cablemodel">
	                            </div>
	                            <label class="col-sm-1 control-label">线缆规格</label>
	                            <div class="col-sm-4">
	                                <input type="text" class="form-control" name="cablestandard" placeholder="请输入线缆规格" maxlength="100" >
	                            </div>
	                            <div class="col-sm-2 box-tools pull-right">
	                            	<button type="button" class="btn btn-box-tool" id="cablemodel_add" ><i class="fa fa-plus"></i></button>
	                        	</div>
	                        </div>
                        </div>
                    </div>
                        <div id="cablemodel_exmaple" style="display: none;">
	                        <div class="form-group cable_model_item">
	                        	<div class="row">
		                            <label class="col-sm-offset-5 col-sm-1 control-label">线缆规格</label>
		                            <div class="col-sm-4">
		                                <input type="text" class="form-control cablestandards" placeholder="请输入线缆规格" maxlength="100" >
		                            </div>
		                            <div class="col-sm-2 box-tools pull-right">
		                            	<button type="button" class="col-sm-1 btn btn-box-tool delete" ><i class="fa fa-fw fa-close"></i></button>
		                            </div>
		                         </div>
	                        </div>
                    	</div>
                </div>
	    </section>
	</div>
	
	<!-- footer -->
	<@netCommon.commonFooter />
</div>

<@netCommon.commonScript />
<!-- DataTables -->
<script src="${request.contextPath}/static/adminlte/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="${request.contextPath}/static/adminlte/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="${request.contextPath}/static/plugins/jquery/jquery.validate.min.js"></script>
<script src="${request.contextPath}/static/js/cable.add.1.js"></script>
</body>
</html>
